﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">
    <script type="text/javascript" src="easyui/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#tt').datagrid({
                rownumbers: true,
                pagination: true,
                url: 'Handler1.ashx',
                columns: [[
                    { field: 'carNum', title: '车牌号', width: 100 },
                    { field: 'name', title: '司机', width: 100 },
                    { field: 'start', title: '离港起始时间', width: 150 },
                    { field: 'end', title: '离港结束时间', width: 150 },
                    { field: 'start', title: '到港起始时间', width: 150 },
                    { field: 'end', title: '到港结束时间', width: 150 },
                    { field: 'road', title: '路程', width: 200, align: 'left' },
                    { field: 'people', title: '人数', width: 100 },
                    { field: 'action', title: 'Action', width: 80, align: 'center',
                        formatter: function (value, row, index) {
                            if (row.editing) {
                                var s = '<a href="#">Save</a> ';
                                var c = '<a href="#">Cancel</a>';
                                return s + c;
                            } else {
                                var e = '<a href="#">Edit</a> ';
                                var d = '<a href="#">Delete</a>';
                                return e + d;
                            }
                        }
                    }
                ]]
            });
        });
    </script>
</head>
<body>
    <div id="p1" class="easyui-panel" title="搜索条件" style="height: 150px; padding: 10px;
        background: #fafafa;">
        <table>
            <tr>
                <td>
                    日期:
                </td>
                <td>
                    <select>
                        <option>离港日期</option>
                        <option>到港日期</option>
                    </select>
                </td>
                <td>
                    <input type="text" class="easyui-datetimebox" />
                    --
                    <input type="text" class="easyui-datetimebox" />
                </td>
            </tr>
            <tr>
                <td>
                    关键字:
                </td>
                <td>
                    <select>
                        <option value="randnum">订单编号</option>
                        <option value="pname">会员名称</option>
                        <option value="pconame">公司名称</option>
                        <option value="opay">付款情况</option>
                        <option value="olfid">航 班 号</option>
                        <option value="ouname">姓&nbsp;&nbsp;&nbsp;&nbsp;名</option>
                        <option value="dbqk">已办登牌</option>
                        <option value="otel">电&nbsp;&nbsp;&nbsp;&nbsp;话</option>
                        <option value="oareaid">区&nbsp;&nbsp;&nbsp;&nbsp;域</option>
                        <option value="lgmdd">目 的 地</option>
                        <option value="dgmdd">乘 车 点</option>
                        <option value="orecom">推 荐 员</option>
                        <option value="orecord">录 单 员</option>
                        <option value="odriname">驾 驶 员</option>
                        <option value="ocarnum">车 牌 号</option>
                    </select>
                </td>
                <td>
                    <input type="text" />
                </td>
            </tr>
            <tr>
                <td colspan="3">
                    <input type="button" value="搜索" />
                </td>
            </tr>
        </table>
    </div>
    <table id="tt">
    </table>
</body>
</html>
